//简易版，专业版记账工具
//收入支出tab切换
.account-tab {
  padding: px2rem(20px);
  color: white;
  background: #F5F5F7;
  .tab-div {
    padding: px2rem(20px) 0;
    overflow: auto;
    i {
      font-size: px2rem(100px);
      float: left;
    }
    .tab-number {
      float: right;
      display: inline-block;
      margin-right: px2rem(20px);
      .num {
        margin-top: px2rem(10px);
        margin-top: px2rem(10px);
        font-size: px2rem(44px);
        font-weight: bold;
        display: inline-block;
      }
    }
  }
}

.account-tab-active {
  background: white;
  opacity: 0.8;
}

.account-pay-yellow {
  background: #FCC742;
}

.account-income-green {
  background: #33C58C;
}

//彩色图标
.account-color-icon {
  width: px2rem(48px);
  height: px2rem(48px);
  fill: currentColor;
  vertical-align: px2rem(-8px);
}

//输入列表样式
.account-input-list {
  line-height: px2rem(100px);
  margin-left: px2rem(20px) !important;
  font-size: px2rem(32px);
  text-align: left;
  .input-label {
    margin: 0 px2rem(20px);
  }
  .input-div {
    padding: 0 px2rem(46px);
  }
  .input-data {
    width: 100%;
    font-size: px2rem(32px);
    text-align: right;
    border: none;
    outline: none;
  }
  input:disabled {
    background: none;
    color: #666666;
  }
}

.account-border-b {
  border-bottom: 1px solid #E5E5E5;
}

.account-btn {
  border-top: 1px solid #E5E5E5;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-size: px2rem(32px);
  line-height: px2rem(100px);
  color: #7b78f2;
  background: white;
  opacity: 0.9;
}
